<!DOCTYPE html>
<html>
<head>
	<title>nth-graph jQuery plugin test</title>
	<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="../lib/jquery.nth-graph.js"></script>
	<script type="text/javascript">
	// <![CDATA[	
	$(document).ready(function() {
		$("body").nthGraph({"cg":{"graph":{"version":"0.03"}  
				, "nodes":[
							  {"name":"start"
								, "process":"function(){"+
														"  this.msg = 'check_box is '+this.check_box+ ' and input_words are '+this.input_words;"+
														"}"
								}
							, {"ele":"#check_box", "type":"in", "subtype":"checkbox", "input":{"event":{"change":"traverse"}}}
							, {"ele":"#input_words", "type":"in", "input":{"event":{"keyup":"traverse"}}}
							, {"ele":"#msg", "type":"out", "output":{"event":{"change":"immediately"}, "type":"text"}}
				  ]
				, "edges":[
							  {"from":0, "to":1, "type":"get", "name":"check_box"}
							, {"from":0, "to":2, "type":"get", "name":"input_words"}
							, {"from":0, "to":3, "type":"set", "name":"msg"}
				  ]
			}
		});
	});
	
	
	// ]]>
	</script>
</head>
<body>

<div style="background:#ccd"> 
<h1>Form Validation</h1>
<input type="text" id="input_words" value="testing 1 2 3" />
<input type="checkbox" id="check_box" />
</div>
<p id="msg">?</p>
</body>
</html>